<template>
  <div>
    <h2>子组件</h2>
    <h3>数据：{{ dataSource }}</h3>
    <button @click="sendDataToParent">发送数据给父组件</button>
  </div>
</template>

<script setup>
import { ref } from "vue";
// 定义一个数据源
let dataSource = ref("这是子组件的数据");
// 定义子组件要发送的事件
const chiledEmit = defineEmits(['childSendDataToParent'])
function sendDataToParent(){
  // 发送数据给父组件
  chiledEmit('childSendDataToParent', dataSource.value)
}
</script>